﻿/******************************/
/***         layout         ***/

body {
  padding: 0;
  font:9pt Arial, Tahoma, Sans-Serif;
}


#site_title {
  background-image:url("/static/house/img/mth.png");
  background-repeat:no-repeat;
}

#title {
  Z-Index:100;
  padding-top:10px;
}

#title h1 {
  line-height: 40px;
  margin: 0;
  padding: 0 40px;
}


ul.messages,
ul.messages li{
  padding:0;
  list-style: none;
  font-size: 12pt;
}

.messages{
  Position: absolute;
  width:50%;
  margin:0 25% 0 25%;
  Z-Index:100;
  text-align:center;
}

.messages li{
  padding: 2px;
  margin: 2px 0 0 0;
}

.messages li.warning{
  border:2px solid #ffaaaa;
  background: #ffaaaa;
}

.messages li.success{
  border:2px solid #aaffaa;
  background: #aaffaa;
}

#mainMenu{
  float:left;
  width:100%;
}

#mainMenu ul,
#mainMenu li{
  float:left;
  list-style:none;
  margin: 0; padding:0;
}

#mainMenu ul{
  margin:0 0 0 220px;
}

#mainMenu li{
  padding:4px 10px;
  margin: 0 4px;
  font-weight:Bold;
  
}

#mainMenu a{
  color:black;
  text-decoration:none;
}

#mainMenu a:hover{
  text-decoration:underline;
}


#subMenu{
  clear:left;
  overflow:hidden;
  margin:0 20px 0 20px;
  background-color: #eeddc3;
}

#subMenu ul {
 margin:0 0 0 40px;
}

#subMenu li {
  margin: 0;
  font-weight:normal;
}

.mainMenuSelectedItem{
  background: #eeddc3;
}

.mainMenuItem{
  background: #fffbf0;
}


#stream{
  margin: 0 24px 0 24px;
  padding: 0 0 32px 0;
}

#summary_info{
  margin: 0 0 0 48px;
  padding: 0;
}


#date_select_box{
  /*overflow:hidden;*/
  float:right;
 Position: relative;
  top:-36px;
}

#date_select_box p{
  margin:0 0 0 8px;
  float:left;
}

#date_select_box p select{
  font-size: 8pt;
}


TABLE{
  border-collapse:collapse;
  margin:0;
  padding: 0;
  width:100%;
}

.table_layout{
    width:100%;
    border-collapse: collapse;
    empty-cells: show;
    padding:0;
    margin:0;
    clear:both
}

.td_layout{ 
  vertical-align:top;
  border-bottom:none;
}

th,
td {
  border-bottom:1px solid #BBBBBB;
  background:none repeat scroll 0 0 #FFFFFF;
  height:24px;

}

td .app_column{
  border-left: 1px solid #BBBBBB;
  padding-left:6px;
}

th{
  background: #f0f0f0;
  text-align:left;
}

FORM{
  margin:0;
  padding: 0;
}


fieldset,
img{
  margin:0;
  padding: 0;
  border:none;
}

input,
textarea,
select {
  border:1px solid #AAAAAA;
  margin:0;
  padding: 0;
}

input[type="submit"]
{
  background: #EEEEEE;
  border:1px solid #AAAAAA;
  font-size: 8pt;
}

fieldset.aligned{
  padding: 0 0 3px 0;
}

.form-row{
  padding: 2px 2px 2px 0;
}


.form-row label{
  float:left;
  width: 7.5em;
}

.form-row input[type="text"]{
  margin: 0 0 0 10px ;
  width:55%;
}

input.default{
   margin: 0 0 5px 9.5em;
}

input[type="image"]
{
  border:none;
}

#apartment_property label{
  width: 10em;
}

table.summaryInfo td{
  border:none;
  padding:0;
  margin:0;
  height:1.2em;
  vertical-align:bottom;
  line-height:0.7em;
}

table.summaryInfo .label{
  background:url("/static/house/img/bottomline.gif") repeat-x scroll right bottom transparent;
  padding:0 10px 0 0;
}

table.summaryInfo .title{
  font-weight: bold;
}

table.summaryInfo span{
  background-color:white;
  padding-right:2px;
}

h4.form_title{
  padding: 0;
  margin: 0 0 6px 0;
}

/******************************/
/***         colors         ***/

body{
  background: white;
  COLOR: black;
}

#meta{
  background: #EEDDC3;
}

#title{
  background: white;
}

.td_empty{
  background: #f8f0f0;

}


a{
  color:#000088;
  text-decoration:none;
}

a:hover{
  color:#0000FF;
  text-decoration:underline;
}

/******************************/
/***         fonts          ***/

#title H1{
  font-family: Arial;
  font-size: 20pt; 
  font-weight:normal;
  letter-spacing: 1px;
}